<template>
  <div>
    <!--1 背景图 -->
    <bigbg 
    :url="bandat.bgImg"
    :bigtext="bandat.title"
    :smalltext="bandat.subtitle"
   ></bigbg>
    <!-- 详情页 -->
    <div v-html='pagetable'>
    </div>
    <!-- 5底部 -->
    <Header></Header>
    <Footer></Footer>
  </div>
</template>
<script>
//根据id获取导航配置得接口 电子商城 "817b09bb-44e6-46fa-94f9-c83338d1b08f"
import {getlag,getpages} from '@/api/srapi/srapi.js'
import bigbg from "../component/bigbg.vue";
// 导入头部底部组件
//引入头部组件
import Header from "@/components/Header.vue";
// 引入底部组件
import Footer from "@/components/Footer.vue";
export default {
  name: 'e_mall',
data() {
    return {
      bandat:{},
      pagetable:null
    };
  },
 async mounted() {
   //获取页面的全部数据
   const res= await getlag("817b09bb-44e6-46fa-94f9-c83338d1b08f")
   console.log(res);
   console.log(res.data.data);
   this.bandat=res.data.data
   //获取详情页
     const pages=await  getpages(this.bandat.pcUrl)
     this. pagetable=pages.data.content
     console.log(pages.data.content);

  },
  components: {
    bigbg,
    Header,
    Footer
  }
}
</script>
<style lang="scss" scoped>
  * {
    box-sizing: border-box;
  }
</style>